/* 基础样式重置和通用样式 */
* {
  box-sizing: border-box;
}

/* 通用工具类 */
.ui-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ui-flex {
  display: flex;
}

.ui-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* 动画类 */
.ui-fade-enter-active,
.ui-fade-leave-active {
  transition: opacity var(--ui-transition-normal) var(--ui-ease-in-out);
}

.ui-fade-enter-from,
.ui-fade-leave-to {
  opacity: 0;
}

/* 焦点样式 */
.ui-focus-visible {
  outline: 2px solid var(--ui-color-primary);
  outline-offset: 2px;
}
